﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jQuery微信电脑版聊天界面代码 - 源码之家</title>

	<link rel="stylesheet" href="imgs/font-icon/iconfont.css">
	<link rel="stylesheet" href="css/demo.css">

</head>
<body>

<div class="header">
	<div class="icon-box">
		<i class="iconfont icon">&#xe637;</i>
	</div>
</div>
<div class="chatbar">
	<div class="chatbar-box">
		<div class="chatbar-contacts">
			<div class="contacts-search-box">
				<i class="iconfont">&#xe651;</i>
				<input type="text" class="search-text" placeholder="请输入要搜索的联系人">
			</div>
			<ul class="chatbar-contacts-uls">
				<!-- <li>
					<i class="iconfont">&#xe752;</i>
					<p>黄小小</p>
				</li> -->
			</ul>
		</div>
		<div class="chatbar-messages">
			<div class="messages-title">
				<i class="iconfont">&#xe752;</i>
				<h4></h4>
				<i class="iconfont return-icon">&#xe61a;</i>
			</div>

			<div class="messages-text" id="messages-text" >

				<!-- <ul class="messages-text-uls">
					<li class="messages-text-lis">
						<h4><i></i><span>黄小小</span><span class="time">2017/2/23 13:56</span></h4>
						<p>您好！请问您是谁？我和你认识吗？你是哪里人?</p>
					</li>
				</ul> -->

				</p><div><input id="userId" name="userId" type="text"> </div></p>
				</p><div><input id="toUserId" name="toUserId" type="text" ></div></p>
<!--				<div><input id="contentText" name="contentText" ></div>-->
				<div><a  onclick="openSocket()" >开启socket</a></div>
				<div><a  onclick="sendMessage()">发送消息</a></div>
				</p><div id="message"></div></p>


			</div>
			<div class="messages-box">
				<textarea class="messages-content" name="" id="" cols="30" rows="10"></textarea>
				<input class="message-btn" type="button" onclick="sendMessage()" value="发送" id="message-btn">
			</div>
		</div>
	</div>
</div>

<script src="js/jquery.min.js"></script>
<script src="js/demo.js"></script>


<script>
	document.getElementById("userId").value=localStorage.getItem('userName');
	document.getElementById("toUserId").value=localStorage.getItem('toUser');
	document.getElementById("contentText").value=localStorage.getItem('content');
</script>

</body>
</html>

